<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="">
    <meta name="author" content="">
    <link rel="icon" href="../../favicon.ico">
	
    <title>Mon premier site en BootStrap</title>

    <!-- Bootstrap -->
   <link href="bootstrap/css/bootstrap.min.css" rel="stylesheet">
   
    <!-- Custom styles for this template -->
    <link href="css/starter-template.css" rel="stylesheet">
	
    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
      <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
      <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->
	
</head>
<body>
	<form class="form-horizontal">
		<fieldset>
			<div class="container">
				<!-- Form Name -->
				<legend>Form Name</legend>

				<!-- Button Drop Down -->
				<div class="control-group">
				  <label class="control-label" for="buttondropdown">Button Drop Down</label>
				  <div class="controls">
					<div class="input-append">
					  <input id="buttondropdown" name="buttondropdown" class="input-medium" placeholder="placeholder" type="text">
					  <div class="btn-group">
						<button class="btn dropdown-toggle" data-toggle="dropdown">
						  Action
						  <span class="caret"></span>
						</button>
						<ul class="dropdown-menu">
						  <li><a href="#">Option one</a></li>
						  <li><a href="#">Option two</a></li>
						  <li><a href="#">Option three</a></li>
						</ul>
					  </div>
					</div>
				  </div>
				</div>

				<!-- Password input-->
				<div class="control-group">
				  <label class="control-label" for="passwordinput">Password Input</label>
				  <div class="controls">
					<input id="passwordinput" name="passwordinput" type="password" placeholder="placeholder" class="input-medium">
					<p class="help-block">help</p>
				  </div>
				</div>

				<!-- Multiple Radios (inline) -->
				<div class="control-group">
				  <label class="control-label" for="radios">Inline Radios</label>
				  <div class="controls">
					<label class="radio inline" for="radios-0">
					  <input type="radio" name="radios" id="radios-0" value="1" checked="checked">
					  1
					</label>
					<label class="radio inline" for="radios-1">
					  <input type="radio" name="radios" id="radios-1" value="2">
					  2
					</label>
					<label class="radio inline" for="radios-2">
					  <input type="radio" name="radios" id="radios-2" value="3">
					  3
					</label>
					<label class="radio inline" for="radios-3">
					  <input type="radio" name="radios" id="radios-3" value="4">
					  4
					</label>
				  </div>
				</div>

				<!-- Button (Double) -->
				<div class="control-group">
				  <label class="control-label" for="button1id">Double Button</label>
				  <div class="controls">
					<button id="button1id" name="button1id" class="btn btn-success">Good Button</button>
					<button id="button2id" name="button2id" class="btn btn-danger">Scary Button</button>
				  </div>
				</div>
			</div>
		</fieldset>
	</form>



    <!-- Bootstrap core JavaScript
    ================================================== -->
    <!-- Placed at the end of the document so the pages load faster -->

<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="bootstrap/js/jquery-1.11.1.min.js"></script>
<!-- Include all compiled plugins (below), or include individual files as needed -->
<script src="bootstrap/js/bootstrap.min.js"></script>
</body>
</html>